//
// Scaffolding
// --------------------------------------------------
html {
   background-color: #FFF;
}

body {
   padding-top: 24px;
   padding-bottom: 88px;
   position: relative;
   font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
   font-weight: 300;
   font-size: 11px;
}

a {
   text-decoration: none;
}

/*
No border on images when in a link.
*/
img {
   border-style: none;
}


#top-info {
   display: block;

//   b {
//      display: inline-block;
//      font-size: 38px;
//      height: 46px;
//      line-height: 46px;
//      vertical-align: top;
//      width: 46px;
//      text-align: center;
//   }
//   hr.separator {
//      background-color: #7B7B7B;
//      border: 0 none;
//      display: inline-block;
//      height: 42px;
//      margin: 2px 10px;
//      padding: 0;
//      vertical-align: top;
//      width: 1px;
//   }
}


#top-info > a {
   display: inline-block;
//   height: 46px;
   width: 40px;
   height: 40px;
   border-width: 2px;
   border-style: solid;
   padding: 0;
   text-align: center;
   .border-radius(50%);
   font-size: 20px;
   line-height: 40px; /* line-height must match the content box height. */
   vertical-align: baseline;
   font-weight: normal;
   font-family: 'IcoMoon';
   vertical-align: 24%;
   text-decoration: none;
   outline: 0;
   color: #5A5A5A;
   margin-left: 10px;

   b {
      font-size: 32px;
      line-height: 40px;
   }

   &:hover {
      color: #000;
   }
}

#logged-user {}

#settings {

}

//.top-info-block {
//   display: block;
//   float: left;
//   margin-left: 8px;
//}

#header-container {
   display: inline-block;
   vertical-align: top;
   margin-left: 50px;
}

header {
   h1 {
      display: inline;
   }
}

#nav-bar {
   display: block;
   position: relative;
   height: 64px;
   margin-bottom: 20px;
}


//// The Grid
//.container-fluid {
//   padding-left: 70px;
//   padding-right: 70px;
//}


.row-fluid .hide {
   display: none;
}
